@import 'mixin';
@color: #333;
.jw-header {
    overflow: hidden;
    .center;
    background: @color;  
    position: fixed;top: 0;left: 0;
    z-index: 9999;
    .jw-header-nav {
        width: @width;
        max-width: @jw-width;
        height: 50px;
        .center;
        .jw-web-nav-inner {
            .center;
             width: @width;
             height: 50px;
             color: white;
             display: none;
            
            ul{
                .subnav-inner{
                    width: 33%;
                    float: left;
                    text-align: center;
                    line-height: 40px;
                    cursor: pointer;
                    
                    i{
                        img{
                            width: 40px;
                            height: 40px;
                        }
                    }
                    
                }
                .web-subnav-inner{
                        
                        width: 100%;
                        padding: 10px;
                        background: #323232;
                        margin-top: 50px;
                        z-index: 9999999;
                        color: black;
                        display: block;
                        position: fixed;
                        display: none;
                       p{
                            background: #333333;
                            height: auto;
                           padding: 20px;
                            border-bottom: 1px solid #D2D2D2;
                            text-align: center;
                            a{
                                line-height: 30px;
                                color:#D2D2D2;
                                
                            }
                       }
                    }
            }
       
        }
        .jw-header-nav-logo {
            width: @width/8;
            height: 50px;
             float: left;
            line-height: 50px;
            text-align: center;
            .jw-logo {
                display: block;
                width: 100%;
                height: 50px;
                background: url("../Image/downloads.png") no-repeat;
                background-size: 100%;
            }
           
        }
        .jw-header-nav-seach {
            width: @width/6;
            float: right;
        }
        .jw-nav-inner-toggle {
             width: @width/1.2;
            float: right;
            .jw-login,
            .jw-registered {
                display: inline-block;
                width:  @width/1.2/3;
                font-size:14px;
                float: left;
                 text-align: center;
                color: white;
                line-height: 30px;
                margin: 10px 1px;
                cursor: pointer;
                border-radius:5px ;
                background:#757575;
                
            }
        }
        .jw-nav-inner-search {
             width: @width/6;
            float: left;
            .fa-search {
                color: white;
                 line-height: 50px;
            }
        }
    }
    .jw-header-nav-inner {
        width: @width/1.47;
        float: left;
        .nav-menu {
            color: white;
            font-size: 14px;
            &:hover{
                  color: rgba(255,255,255,0.6);
                }
        }
        .nav-inner {
            line-height: 50px;
            width: @width/1.47/7;
            float: left;
            text-align: center;
            position: relative;
             .subnav-inner-more{
             position:absolute;
            display: none;
             p{
                        background: #333333;
                 a{
                     color: white;
                     line-height: 20px;
                 }
             }
          }
          
         
        }
    }
}
